<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var arr = ["pink", "red", "green", "purple"];
        // 在forEach方法里面，return不会终止迭代
        arr.forEach(function(value) {
            if (value === "red") {
                console.log("我找到该元素了");
                return true;
            }
            console.log(11); //执行了3次
        });

        // 在filter方法里面，return不会终止迭代
        arr.filter(function(value) {
            if (value === "red") {
                console.log("我找到该元素了");
                return true;
            }
            console.log(22); //执行了3次
        });

        // 在some方法里面，return可以终止遍历，迭代效率更高
        arr.some(function(value) {
            if (value === "red") {
                console.log("我找到该元素了");
                return true;
            }
            console.log(33); //只执行了一次
        })
    </script>
</body>

</html>